{% extends "apostrophe-modal:base.html" %}
{% import "apostrophe-modal:macros.html" as modals %}

{% block controls %}
  <div class='apos-modal-controls'>
    {{ modals.button({dataAttrs: 'data-save', float: 'right', color: 'base', label: __ns('apostrophe', 'Save')}) }}
    {{ modals.button({dataAttrs: 'data-cancel', float: 'left', arrow: 'left', label: __ns('apostrophe', 'Cancel')}) }}
  </div>
{% endblock %}

{% block label %}
{{ __ns('apostrophe', 'Choose %s', __ns('apostrophe', data.options.pluralLabel | d(''))) }}
{% endblock %}

{% block body %}
<ul>
  <li><a href="#">{{ __ns('apostrophe', 'Individually') }}</a></li>
  <li><a href="#">{{ __ns('apostrophe', 'Automatically') }}</a></li>
</ul>

{# Populated via js #}
<div data-individual-view></div>

<div data-automatic-view>
  <h4>{{ __ns('apostrophe', "By Tag") }}</h4>
  <input type="text" />
</div>
{% endblock %}
